body {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 1920px;
	height: 1080px;
	background-color: white;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	border-bottom: 1px solid black;
}

#header {
	width: 100%;
	height: 100px;
	background-image: url(../images/bandeau1920.png);
	margin: 0;
}

.webcam {
	position: absolute;
	top: 150px;
	left: 0%;
	padding: 0;
	margin: 20px 20px 10px 20px;
	width: 532px;
	height: 534px;
	-moz-box-shadow: 0px 0px 30px #aaa;
	-moz-border-radius: 10px;
	padding: 0;
	padding: 0;
}
.webcam #photo {
	position: absolute;
	width: 512px;
	height: 384px;
	margin: 5px 10px 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	clip: rect(5px, auto, auto, auto);
}


.temperature {
	position: absolute;
	top: 150px;
	left: 630px;
	padding: 0;
	margin: 20px 20px 10px 20px;
	width: 1230px;
	height: 534px;
	-moz-box-shadow: 0px 0px 30px #aaa;
	-moz-border-radius: 10px;
	padding: 0;
}


.radial {
	width: 250px;
	height: 250px;
	margin: 10px 20px 10px 20px;
	padding: 0;
}


.clock {
	position: absolute;
	top: 0;
	left: 600px;
	width: 130px;
	height: 130px;
	margin: 10px;
}


.linearVertical {
	margin: 10px 30px 10px 30px;
	width: 140px;
	height: 474px;
	-moz-box-shadow: 0px 0px 15px #aaa;
}

.linearHorizontal {
	margin: 10px;
	width: 474px;
	height: 140px;
	-moz-box-shadow: 0px 0px 15px #aaa;
}

.displaySingle {
	width: 300px;
	height: 100px;
	-moz-box-shadow: 0px 0px 15px #aaa;
	width: 300px;
}

#pom {
	position: absolute;
	top: 429px;
	width: 226px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 20px 5px 0;
}

#tnl {
	position: absolute;
	top: 429px;
	left: 266px;
	width: 226px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 20px 5px 0;
}

.text {
	float: left;
	top: 900px;
	width: 200px;
	height: 100px;
	margin: 20px 0 0 20px;
	padding: 0;
	padding: 35px 20px 35px 20px;;
	line-height: 100px;
	color: #444444;
	background-color: #ddd;
	background-image: -moz-linear-gradient(to bottom, #F4F4F4, #B1B1B1);
	font-size: 20px;
	-moz-box-shadow: 0px 0px 15px #aaa;
	-moz-border-radius: 20px;
}

#vent {
	position: absolute;
	top: 710px;
	margin: 20px;
	/*margin-top: 20px;
	*/
	width: 900px;
	height: 310px;
	-moz-box-shadow: 0px 0px 30px #aaa;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 30px #aaa;
	margin: 20px;
	-moz-box-shadow: 0px 0px 30px #aaa;
}

#rafale {
	position: absolute;
	top: 50px;
	left: 590px;
	width: 200px;
	height: 100px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 75px 5px 0;
}

#pmer {
	position: absolute;
	top: 180px;
	left: 590px;
	width: 200px;
	height: 100px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0px 75px 5px 0;
}

#tempeMax {
	position: absolute;
	top: 50px;
	left: 400px;
	height: 80px;
	width: 191px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 55px 5px 0;
}

#pointDeRosee {
	position: absolute;
	width: 226px;
	height: 80px;
	top: 160px;
	left: 400px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 20px 5px 0;
	margin: 10px;
}

.unite {
	position: absolute;
	top: 60px;
	left: 205px;
	font-size: 20px;
	text-align: left;
}

#precip {
	position: absolute;
	top: 710px;
	left: 990px;
	margin: 20px;
	width: 890px;
	height: 310px;
	-moz-box-shadow: 0px 0px 30px #aaa;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 30px #aaa;
	margin: 20px;
	-moz-box-shadow: 0px 0px 30px #aaa;
}

#insolation {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 175px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 65px 5px 0;
}

#rayonnement {
	position: absolute;
	top: 40px;
	left: 300px;
	width: 175px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 65px 5px 0;
}


#RR {
	position: absolute;
	top: 155px;
	left: 300px ;
	width: 175px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 65px 5px 0;
}

#intensiteRR {
	position: absolute;
	top: 155px;
	left: 0px;
	width: 175px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 65px 5px 0;
}

#RR1H {
	position: absolute;
	top: 155px;
	left: 560px;
	width: 175px;
	height: 80px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(#F4F4F4, #B1B1B1);
	font-size: 50px;
	text-align: right;
	padding: 0 65px 5px 0;
}


h1 {
	background-color: #7390A0;
	margin: 0;
	-moz-border-radius: 10px 10px 0 0;
	height: 40px;
	text-indent: 12px;
	vertical-align: middle;
	border-bottom: 1px solid black;
}

h2 {
	margin: 0;
	padding: 5px 0 10px 10px;
	text-align: left;
	text-indent: 10px;
	font-size: 15px;
	vertical-align: middle;
}

.defilant {
	position: absolute;
	top: 1045px;
	left: 0px;
	width: 1920px;
	height: 50px;
	font-size: 30px;
}